热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

AngularJS|日期过滤器

AngularJS|日期过滤器原文:https://www.g

AngularJS |日期过滤器

原文:https://www.geeksforgeeks.org/angularjs-date-filter/

AngularJS 日期过滤器用于将日期转换为指定的格式。未指定日期格式时,默认日期格式为“MMM d,yyyy”。
语法:

{{ date | date : format : timezone }}

参数值:日期过滤器包含可选的格式和时区参数。
格式中常用的一些值如下:


  • ‘YYYY’–定义年份 ex。2019

  • “YY”——定义年份 ex。19

  • y’–定义年份 ex。2019

  • “MMMM”——定义月份 ex。四月

  • ‘MMM’–定义月份 ex。四月

  • ‘MM’–定义月份 ex。04

  • DD’–定义 ex 日。09

  • d’–定义 ex 日。9

  • hh’–以上午/下午定义小时

  • h’–以上午/下午定义小时

  • ‘mm’–定义分钟

  • m’–定义分钟

  • ‘ss’–定义第二个

  • s’–定义第二个

格式的一些预定义值如下:


  • “短”——相当于“M/d/yy h:mm a”

  • “中”–相当于“MMM d,y h:mm:ss a”

  • “短日期”——相当于“年月日”(19 年 7 月 5 日)

  • “中间日期”——相当于“2019 年 5 月 7 日”

  • “long date”——相当于“MMMM d,y”(2019 年 5 月 7 日)

  • “完整日期”——相当于“纽约州 MMMM 市 EEEE”(2019 年 5 月 7 日星期二)

  • “短时间”——相当于“小时:分钟”(凌晨 2:35)

  • “中间时间”——相当于“小时:分:秒”(凌晨 2:35:05)

示例 1: 本示例以给定的格式显示日期。

超文本标记语言



    
        
        
    
    
        


{{ today | date : "dd.MM.y" }}


        

        
    

输出:

07.05.2019

示例 2: 本示例以指定格式显示时间。

超文本标记语言



    
        
        
    
    
        


{{ today| date : 'mediumTime'}}


        

        
    

输出:

2:37:23 AM

示例 3: 本示例以指定的格式显示日期。

超文本标记语言



    
        
        
    
    
        


{{ today| date }}


        

        
    

输出:

May 7, 2019

推荐阅读
  • 一、Struts2是一个基于MVC设计模式的Web应用框架在MVC设计模式中,Struts2作为控制器(Controller)来建立模型与视图的数据交互。Struts2优点1、实现 ... [详细]
  • Vue基础一、什么是Vue1.1概念Vue(读音vjuː,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,与其它大型框架不 ... [详细]
  • 生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型,可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • 生成对抗式网络GAN及其衍生CGAN、DCGAN、WGAN、LSGAN、BEGAN介绍
    一、GAN原理介绍学习GAN的第一篇论文当然由是IanGoodfellow于2014年发表的GenerativeAdversarialNetworks(论文下载链接arxiv:[h ... [详细]
  • Google Play推出全新的应用内评价API,帮助开发者获取更多优质用户反馈。用户每天在Google Play上发表数百万条评论,这有助于开发者了解用户喜好和改进需求。开发者可以选择在适当的时间请求用户撰写评论,以获得全面而有用的反馈。全新应用内评价功能让用户无需返回应用详情页面即可发表评论,提升用户体验。 ... [详细]
  • flowable工作流 流程变量_信也科技工作流平台的技术实践
    1背景随着公司业务发展及内部业务流程诉求的增长,目前信息化系统不能够很好满足期望,主要体现如下:目前OA流程引擎无法满足企业特定业务流程需求,且移动端体 ... [详细]
  • Go GUIlxn/walk 学习3.菜单栏和工具栏的具体实现
    本文介绍了使用Go语言的GUI库lxn/walk实现菜单栏和工具栏的具体方法,包括消息窗口的产生、文件放置动作响应和提示框的应用。部分代码来自上一篇博客和lxn/walk官方示例。文章提供了学习GUI开发的实际案例和代码示例。 ... [详细]
  • 在springmvc框架中,前台ajax调用方法,对图片批量下载,如何弹出提示保存位置选框?Controller方法 ... [详细]
  • 本文讨论了如何在codeigniter中识别来自angularjs的请求,并提供了两种方法的代码示例。作者尝试了$this->input->is_ajax_request()和自定义函数is_ajax(),但都没有成功。最后,作者展示了一个ajax请求的示例代码。 ... [详细]
  • iOS Swift中如何实现自动登录?
    本文介绍了在iOS Swift中如何实现自动登录的方法,包括使用故事板、SWRevealViewController等技术,以及解决用户注销后重新登录自动跳转到主页的问题。 ... [详细]
  • 网络请求模块选择——axios框架的基本使用和封装
    本文介绍了选择网络请求模块axios的原因,以及axios框架的基本使用和封装方法。包括发送并发请求的演示,全局配置的设置,创建axios实例的方法,拦截器的使用,以及如何封装和请求响应劫持等内容。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • Allegro总结:1.防焊层(SolderMask):又称绿油层,PCB非布线层,用于制成丝网印板,将不需要焊接的地方涂上防焊剂.在防焊层上预留的焊盘大小要比实际的焊盘大一些,其差值一般 ... [详细]
  • 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细]
  • 前言:关于跨域CORS1.没有跨域时,ajax默认是带cookie的2.跨域时,两种解决方案:1)服务器端在filter中配置详情:http:blog.csdn.netwzl002 ... [详细]
author-avatar
手机用户40405729304
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有